<ui:fragment xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pe="http://primefaces.org/ui/extensions">



	<div class="row-fluid">
		<div class="span12" >
			<fieldset>
					<h3>
						<h:outputText value="Contrato" /> 
						<small> <h:outputText value="#{subtitle}" /></small>	
					</h3>
			</fieldset>
		</div>
	</div>
	
	<p:growl id="growl" showDetail="false"  life="6000"/>
	
	<div class="row-fluid">
		<div class="span12" >
			<h:panelGroup id="mensagens" layout="block">
					<p:messages showDetail="false"/>
			</h:panelGroup>
		</div>
	</div>
	
	
	
	<h:form id="formNovo" style="margin-top: 2%" rendered="#{contratoBean.contratoSelecionado.id == null}">
		
		<div class="row-fluid">
			<div class="span12">
			
				<div class="form-actions">
					<p:commandButton value="Salvar contrato" action="#{contratoBean.doSalvarNovoContrato}" styleClass="btn btn-large btn-primary">
						<f:ajax execute="@form" render="@form :growl :mensagens"/>
					</p:commandButton>
				</div>
			
			</div>
		</div>
		
		
		<div class="row-fluid">
			<div class="span2">
				<h:outputLabel value="Valor contrato"  for="vlrcontrato"/>
				<pe:inputNumber id="vlrcontrato" value="#{contratoBean.contratoSelecionado.valorContrato}" decimalSeparator="," thousandSeparator="." styleClass="span12">
					<f:ajax/>
				</pe:inputNumber>
			</div>
			<div class="span2">
				<h:outputLabel value="Data inicio serviço" for="dtinicioservpopup" />
				<p:calendar id="dtinicioservpopup" value="#{contratoBean.contratoSelecionado.dataInicioVigencia}"   pages="2"  pattern="dd/MM/yyyy" navigator="true" locale="pt_BR" styleClass="span12" />
			</div>
			<div class="span8">
			</div>
		</div>
		
		<legend>Local de Prestação de Serviço</legend>
		<div class="row-fluid">
			<div class="span3 lightblue">
              	<label><p:outputLabel value="Tipo de Local" for="optTipoEstabelecimento"/></label>
              	<h:selectOneMenu id="optTipoEstabelecimento" value="#{contratoBean.tipoLocalSeleciondo}" required="true" requiredMessage="Selecione o tipo de local para prestação de serviço" styleClass="span12" >  
					<f:selectItems value="#{contratoBean.tipoLocais}"/>
					<f:converter converterId="omnifaces.GenericEnumConverter"/> 
				</h:selectOneMenu>  
            </div><!--/span-->
            <div class="span9 lightblue">
              <h:outputLabel value="Nome do Local" for="nomeLocal"/>
              <h:inputText id="nomeLocal" label="#{contratoBean.tipoLocalSeleciondo.descricaoLabel}" value="#{contratoBean.contratoSelecionado.localPrestacaoServico.descricao}" required="true" requiredMessage="Entre com o nome do local de prestaçãod e serviço" maxlength="70" styleClass="span12"/>
            </div><!--/span-->
		</div>
		
		<div class="row-fluid">
			<div class="span2 lightblue">
              	<h:outputLabel value="Tipo Logradouro" for="tipoLograd" />
              	<h:selectOneMenu id="tipoLograd" value="#{contratoBean.contratoSelecionado.localPrestacaoServico.endereco.tipoLogradouro}" required="true" requiredMessage="Entre com o tipo de logradouro" styleClass="span12">
					<f:selectItem itemValue="#{null}" itemLabel=" "/>  
					<f:selectItems  value="#{contratoBean.tiposLogradouros}" var="tipoLograd" itemValue="#{tipoLograd}" itemLabel="#{tipoLograd.descricao}"/>
					<f:ajax/>
				</h:selectOneMenu>  
            </div><!--/span-->
            <div class="span6 lightblue">
              <h:outputLabel value="Nome do Logradouro" for="logradouroLocal" />
              <p:inputText id="logradouroLocal" label="Logradouro" value="#{contratoBean.contratoSelecionado.localPrestacaoServico.endereco.logradouro}" required="true" requiredMessage="Entre com o logradouro do local de prestação de serviço" maxlength="70" styleClass="span12" >
              		<f:ajax/>
              </p:inputText>
            </div><!--/span-->
            <div class="span1 lightblue">
              <h:outputLabel value="Numero" for="numlogradLocal" />
              <p:inputMask id="numlogradLocal"  label="Numero" mask="?9999999" value="#{contratoBean.contratoSelecionado.localPrestacaoServico.endereco.numero}" styleClass="span12">
              		<f:ajax/>
              </p:inputMask>
            </div><!--/span-->
			<div class="span3">
              	<h:outputLabel value="Complemento" for="compllogradlocal"/>
              	<h:inputText id="compllogradlocal" label="Complemento" value="#{contratoBean.contratoSelecionado.localPrestacaoServico.endereco.complemento}" styleClass="span12">
              			<f:ajax/>
              	</h:inputText>
            </div><!--/span-->
		</div>
		
		<div class="row-fluid">
            <div class="span4">
              <h:outputLabel value="Bairro" for="bairrolocal" />
              <h:inputText id="bairrolocal" label="Bairro" value="#{contratoBean.contratoSelecionado.localPrestacaoServico.endereco.bairro}"  styleClass="span12">
              		<f:ajax/>
              </h:inputText>
            </div><!--/span-->
            <div class="span4">
              <h:outputLabel value="Municipio" for="municipiolocal" />
              <h:inputText id="municipiolocal" label="Municipio" value="#{contratoBean.contratoSelecionado.localPrestacaoServico.endereco.municipio}" styleClass="span12">
              		<f:ajax/>
              </h:inputText>
            </div><!--/span-->
            <div class="span2">
              	<h:outputLabel value="UF" for="ufEndEstabelecimento"/>
              	<h:selectOneMenu id="ufEndEstabelecimento" value="#{contratoBean.contratoSelecionado.localPrestacaoServico.endereco.uf}" required="true" requiredMessage="Selecione a UF"  styleClass="span12">
					<f:selectItems  value="#{contratoBean.ufs}" var="uf" itemValue="#{uf}" itemLabel="#{uf.nomeUF}"/>
					<f:ajax/>
				</h:selectOneMenu>
           </div><!--/span-->
           <div class="span2">
              <h:outputLabel value="CEP" for="ceplocal" />
              <p:inputMask id="ceplocal" mask="99999-999" value="#{contratoBean.contratoSelecionado.localPrestacaoServico.endereco.cep}" styleClass="span12">
              		<f:ajax/>
              </p:inputMask>
           </div><!--/span-->
		</div>
		
		<legend>Serviço Principal</legend>
    	<div class="row-fluid">
    		<div class="span12">
    			
    			<div class="row-fluid">
					<div class="span6 well">
			        	<h:outputLabel value="Selecione o Serviço Principal"/>
			        	<p:selectOneRadio  id="chkServicoPrinc" value="#{contratoBean.tipoServicoPrincipalSelecionado}" required="true" requiredMessage="Selecione o tipo de serviço principal">  
							<f:selectItems value="#{contratoBean.tiposServicosPrincipaisDisponiveis}"/>
							<f:converter converterId="omnifaces.GenericEnumConverter"/>
				        </p:selectOneRadio>
			    	</div><!--/span-->
    			</div>
    		</div>
    		
    	</div>
    	
    	
    	<legend>Cliente responsável pelo contrato</legend>
    	
    	<h:panelGroup id="infoContratante">
	    	<div class="row-fluid">
				<div class="span3">
	              	<h:outputLabel value="CPF" for="cpfContratante"  />
	              	<p:inputMask id="cpfContratante" mask="999.999.999-99" value="#{contratoBean.contratoSelecionado.contratante.cpfCnpj.numero}" valueChangeListener="#{contratoBean.cpfCnpjContratanteAlterado}" required="true" requiredMessage="Entre com o CPF do Cliente responsável pelo contrato" style="width: 100%">
						<f:converter converterId="CpfCnpjConverter"/>
						<f:validator validatorId="CpfCnpjValidator"/>
						<p:ajax process="@this" update="formNovo:infoContratante" />
					</p:inputMask>
	            </div><!--/span-->
	            <div class="span7">
	              <h:outputLabel value="Nome" for="nomeClienteContratante" />
	              <h:inputText id="nomeClienteContratante" label="Nome" value="#{contratoBean.contratoSelecionado.contratante.nome}" required="true" requiredMessage="Entre com o nome do contratante"  maxlength="70" styleClass="span12"/>
	            </div><!--/span-->
	            <div class="span2">
	              <h:outputLabel value="Sexo" for="sexoClienteContratante"/>
					<h:selectOneMenu id="sexoClienteContratante" value="#{contratoBean.contratoSelecionado.contratante.sexo}" required="true" requiredMessage="Entre com o [sexo] do cliente contratante" styleClass="span12" >
						<f:selectItem itemValue="#{null}" itemLabel=" "/>   
						<f:selectItems value="#{contratoBean.tiposDeSexo}"/> 
						<f:converter converterId="omnifaces.GenericEnumConverter"/> 
					</h:selectOneMenu>  
	           </div><!--/span-->
			</div>
			
			<div class="row-fluid">
	           <div class="span12">
	           		<h:commandLink  actionListener="#{contratoBean.copiarEnderecoEstabelecimentoParaContratante}" value="Copiar endereço do estabelecimento" immediate="true" style="font-size: 10px">
						<f:ajax execute="@this" render="formNovo:tipoLogradCliContratante formNovo:logradouroCliContratante formNovo:numlogradCliContratante formNovo:compllogradCliContratante formNovo:bairroCliContratante formNovo:municipioCliContratante formNovo:cepCliContratante formNovo:ufEndCliContratante "/>
					</h:commandLink>
	           </div>
	        </div>
			
			<div class="row-fluid">
	           <div class="span2">
	           		
	           		
	           		
	           		<h:outputLabel value="Tipo Logradouro" for="tipoLogradCliContratante" />
	              	<h:selectOneMenu id="tipoLogradCliContratante" value="#{contratoBean.contratoSelecionado.contratante.endereco.tipoLogradouro}" required="true" requiredMessage="Entre com o tipo de logradouro do end. do cliente contratante" style="width:100%">
						<f:selectItem itemValue="#{null}" itemLabel=" "/>  
						<f:selectItems  value="#{contratoBean.tiposLogradouros}" var="tipoLograd" itemValue="#{tipoLograd}" itemLabel="#{tipoLograd.descricao}"/>
					</h:selectOneMenu> 
	           </div><!--/span-->
	           
	           <div class="span6">
	              <h:outputLabel value="Logradouro" for="logradouroCliContratante" />
	              <h:inputText id="logradouroCliContratante" label="Logradouro" value="#{contratoBean.contratoSelecionado.contratante.endereco.logradouro}" required="true" requiredMessage="Entre com o logradouro do cliente contratante" maxlength="70" styleClass="span12"/>
	           </div><!--/span-->
	           
	           <div class="span1">
	              <h:outputLabel value="Numero" for="numlogradCliContratante" />
	              <p:inputMask id="numlogradCliContratante"  label="Numero" mask="?9999999" value="#{contratoBean.contratoSelecionado.contratante.endereco.numero}" styleClass="span12"/>
	           </div><!--/span-->
	           
	           
	            <div class="span3">
	              <h:outputLabel value="Complemento" for="compllogradCliContratante" />
	              <h:inputText id="compllogradCliContratante" label="Complemento" value="#{contratoBean.contratoSelecionado.contratante.endereco.complemento}" maxlength="20" styleClass="span12"/>
	           </div><!--/span-->
	           
			</div>
			
			<div class="row-fluid">
			
	           <div class="span4">
	              <h:outputLabel value="Bairro" for="bairroCliContratante" />
	              <h:inputText id="bairroCliContratante" label="Bairro" value="#{contratoBean.contratoSelecionado.contratante.endereco.bairro}" required="true" requiredMessage="Entre com o nome do bairro do cliente contratante" maxlength="50" styleClass="span12"/>
	           </div><!--/span-->
	           <div class="span4">
	              <h:outputLabel value="Municipio" for="municipioCliContratante" />
	              <h:inputText id="municipioCliContratante" label="Municipio" value="#{contratoBean.contratoSelecionado.contratante.endereco.municipio}" styleClass="span12"/>
	           </div><!--/span-->
	           
	           <div class="span2">
	              	<h:outputLabel value="UF" for="ufEndCliContratante"/>
	              	<h:selectOneMenu id="ufEndCliContratante" value="#{contratoBean.contratoSelecionado.contratante.endereco.uf}" required="true" requiredMessage="Selecione a UF do end. do cliente contratante" styleClass="span12">
						<f:selectItems  value="#{contratoBean.ufs}" var="uf" itemValue="#{uf}" itemLabel="#{uf.nomeUF}"/>
					</h:selectOneMenu>
	           </div><!--/span-->
	           <div class="span2">
	              <h:outputLabel value="CEP" for="cepCliContratante" />
	              <p:inputMask id="cepCliContratante" mask="99999-999" value="#{contratoBean.contratoSelecionado.contratante.endereco.cep}" required="true" requiredMessage="Entre com o cep da cidade do cliente contratante" styleClass="span12"/>
	           </div><!--/span-->
	           
			</div>
			
			
			<div class="row-fluid">
	           <div class="span3">
	              <h:outputLabel value="Telefone residencial" for="foneResContratante"/>
	              <p:inputMask id="foneResContratante" value="#{contratoBean.contratoSelecionado.contratante.telefoneRes}" mask="(999) 999-9999" styleClass="span12"/>
	           </div><!--/span-->
	           
	           <div class="span3">
	             <h:outputLabel value="Celular" for="foneCelContratante"/>
	              <p:inputMask id="foneCelContratante" label="Celular" value="#{contratoBean.contratoSelecionado.contratante.telefoneCel}" mask="(999) 999-9999" styleClass="span12"/>
	           </div><!--/span-->
	           
	            <div class="span6">
	            	<h:outputLabel value="E-Mail" for="emailContratante" />
	             	<h:inputText id="emailContratante" 
													 label="email" 
													 value="#{contratoBean.contratoSelecionado.contratante.email}"
													 validatorMessage="e-Mail inválido" 
													 maxlength="70"
													 styleClass="span12">
							<f:validateRegex pattern="[a-zA-Z0-9\-\_\.]+@[a-zA-Z0-9\-\_\.]+" />
					</h:inputText>
	           </div><!--/span-->
			
			</div>
    	</h:panelGroup>
		
		
		<legend>Observação</legend>
		<div class="row-fluid">
			<div class="span12">
				<h:inputTextarea id="observacao" rows="5" cols="100"  value="#{contratoBean.contratoSelecionado.observacao}" style="width: 99%" />
           </div><!--/span-->
		</div>
		
	</h:form>
	
	
	
	
	
	
	
	
	
	
	
	
	
	<h:form id="formEdicao" style="margin-top: 1%" rendered="#{contratoBean.contratoSelecionado.id != null}">
		
		<div class="row-fluid">
			<div class="span12">
			
				<div class="form-actions">
					<p:button value="Voltar"  outcome="listaContratos.xhtml" styleClass="btn btn-large btn-inverse"/>
					<p:commandButton value="Atualizar" actionListener="#{contratoBean.doAtualizarContrato}" styleClass="btn btn-large btn-primary">
						<f:ajax execute="@form" render="@form :mensagens"/>
					</p:commandButton>
					<p:commandButton value="Ativar contrato" actionListener="#{contratoBean.doAtivarContrato}" update="@form :mensagens :growl" styleClass="btn btn-large btn-success" rendered="#{contratoBean.contratoSelecionado.emProcesso}"/>
					<p:commandButton value="Cancelar contrato" oncomplete="dlgCancelarContrato.show()" styleClass="btn btn-large btn-danger" rendered="#{contratoBean.contratoSelecionado.emProcesso}"/>
					<p:commandButton value="Finalizar prestação de serviço" oncomplete="dlgFimVigenciaContrato.show()"  styleClass="btn btn-large btn-danger" rendered="#{contratoBean.contratoSelecionado.ativo}"/>
				</div>
			
			</div>
		</div>
		
		
		<div class="row-fluid">
			<div class="span2">
				<h:outputLabel value="Número do contrato"/>
				<h:inputText value="#{contratoBean.contratoSelecionado.id}" disabled="true" styleClass="span12"/>
				
			</div>
			<div class="span2">
				<h:outputLabel value="Status do contrato"/>
				<h:inputText value="#{contratoBean.contratoSelecionado.situacao.descricao}" disabled="true" styleClass="span12"/>
				
			</div>
			<div class="span2">
				<h:outputLabel value="Valor contrato"  for="vlrcontrato"/>
				<pe:inputNumber id="vlrcontrato" value="#{contratoBean.contratoSelecionado.valorContrato}" decimalSeparator="," thousandSeparator="." styleClass="span12">
					<f:ajax/>
				</pe:inputNumber>
			</div>
			<div class="span2">
				<h:outputLabel value="Data inicio serviço" for="dtinicioservpopup" />
				<p:calendar id="dtinicioservpopup" value="#{contratoBean.contratoSelecionado.dataInicioVigencia}"   pages="2"  pattern="dd/MM/yyyy" navigator="true" locale="pt_BR" styleClass="span12" />
			</div>
			
			
		</div>
		
		
		<legend>Local de Prestação de Serviço</legend>
		<div class="row-fluid">
			<div class="span3 lightblue">
              	<h:outputLabel value="Tipo de Local" for="tipoLocalPS"/>
              	<h:inputText id="tipoLocalPS" value="#{contratoBean.contratoSelecionado.localPrestacaoServico.descricaoTipoLocal}" disabled="true" styleClass="span12"/>
            </div><!--/span-->
            <div class="span9 lightblue">
              <h:outputLabel value="Nome do Local" for="nomeLocal"/>
              <h:inputText id="nomeLocal" label="#{contratoBean.tipoLocalSeleciondo.descricaoLabel}" value="#{contratoBean.contratoSelecionado.localPrestacaoServico.descricao}" required="true" requiredMessage="Entre com o nome do local" maxlength="70" styleClass="span12"/>
            </div><!--/span-->
		</div>
		
		<div class="row-fluid">
			<div class="span2 lightblue">
              	<h:outputLabel value="Tipo Logradouro" for="tipoLograd" />
              	<h:selectOneMenu id="tipoLograd" value="#{contratoBean.contratoSelecionado.localPrestacaoServico.endereco.tipoLogradouro}" required="true" requiredMessage="Entre com o tipo de logradouro" styleClass="span12">
					<f:selectItem itemValue="#{null}" itemLabel=" "/>  
					<f:selectItems  value="#{contratoBean.tiposLogradouros}" var="tipoLograd" itemValue="#{tipoLograd}" itemLabel="#{tipoLograd.descricao}"/>
				</h:selectOneMenu>  
            </div><!--/span-->
            <div class="span6 lightblue">
              <h:outputLabel value="Nome do Logradouro" for="logradouroLocal" />
              <p:inputText id="logradouroLocal" label="Logradouro" value="#{contratoBean.contratoSelecionado.localPrestacaoServico.endereco.logradouro}"  maxlength="70" styleClass="span12" />
            </div><!--/span-->
            <div class="span1 lightblue">
              <h:outputLabel value="Numero" for="numlogradLocal" />
              <p:inputMask id="numlogradLocal"  label="Numero" mask="?9999999" value="#{contratoBean.contratoSelecionado.localPrestacaoServico.endereco.numero}" styleClass="span12" />
            </div><!--/span-->
			<div class="span3">
              	<h:outputLabel value="Complemento" for="compllogradlocal"/>
              	<h:inputText id="compllogradlocal" label="Complemento" value="#{contratoBean.contratoSelecionado.localPrestacaoServico.endereco.complemento}" styleClass="span12"/>
            </div><!--/span-->
		</div>
		
		<div class="row-fluid">
            <div class="span4">
              <h:outputLabel value="Bairro" for="bairrolocal" />
              <h:inputText id="bairrolocal" label="Bairro" value="#{contratoBean.contratoSelecionado.localPrestacaoServico.endereco.bairro}"  styleClass="span12"/>
            </div><!--/span-->
            <div class="span4">
              <h:outputLabel value="Municipio" for="municipiolocal" />
              <h:inputText id="municipiolocal" label="Municipio" value="#{contratoBean.contratoSelecionado.localPrestacaoServico.endereco.municipio}" styleClass="span12"/>
            </div><!--/span-->
            <div class="span2">
              <h:outputLabel value="UF" for="ufEndEstabelecimento"/>
              <h:selectOneMenu id="ufEndEstabelecimento" value="#{contratoBean.contratoSelecionado.localPrestacaoServico.endereco.uf}" required="false" requiredMessage="Selecione a UF"  styleClass="span12">
				<f:selectItems  value="#{contratoBean.ufs}" var="uf" itemValue="#{uf}" itemLabel="#{uf.nomeUF}"/>
				</h:selectOneMenu>
           </div><!--/span-->
           <div class="span2">
              <h:outputLabel value="CEP" for="ceplocal" />
              <p:inputMask id="ceplocal" mask="99999-999" value="#{contratoBean.contratoSelecionado.localPrestacaoServico.endereco.cep}" styleClass="span12" />
           </div><!--/span-->
		</div>
		
		<legend>Serviço Principal e Complementar</legend>
    	<div class="row-fluid">
    		<div class="span12">
    			
    			<div class="row-fluid">
    				
		    		<div class="span6 well">
		    			<div class="row-fluid">
		    				<div class="span12">
		    					<h:outputLabel value="Serviço Principal"/>
              					<h:inputText value="#{contratoBean.contratoSelecionado.servicoPrincipal}" disabled="true" styleClass="span12"/>
		    				</div>
		    			</div>
		    			
		    			<div class="row-fluid">
		    				<div class="span12">
										
						   		<h:outputLabel value="Agenda" />
						   		<h:panelGroup id="agendaSemanalServPrinc" >
							         <p:dataTable  var="item" value="#{contratoBean.contratoSelecionado.servicoPrincipal.agendaSemanal}" style="width: 100%; padding-bottom: 2%" emptyMessage="Vazio">  
								        <p:column headerText="Dia Semana">  
								            <h:outputText value="#{item.diaSemana.descricao}" />  
								        </p:column>  
								  
								        <p:column headerText="Qtd. Horas Dia">  
								            <h:outputText value="#{item.qtdHorasFormattedTime}" />  
								        </p:column>  
								  
								        <p:column headerText="Ação">  
								            <h:commandLink id="cmdRemoverDiaAgendaLimpeza" value="Excluir" action="#{contratoBean.doRemoverDiaNaAgendaLimpeza(item)}">
								            	<f:ajax render="@form"/>
								            </h:commandLink>  
								        </p:column>  
								       
	    							</p:dataTable> 
						   		
						   		</h:panelGroup>
						   		
		    				</div>
		    				
		    				<div class="row-fluid">
			    				<div class="span12">
			    					 <p:commandButton value="Adicionar dia na agenda" onclick="dlgAgendaServicoPrincipal.show()">
										<f:ajax render=":frmAgendaServicoPrincipal"/>
									</p:commandButton>
			    				</div>
		    				</div>
		    			</div>
		    		</div>
		    			
		    		<div class="span6 well">
		    		
		    			
				        
				        <div class="row-fluid">
		    				<div class="span12">
						        
						   		<h:outputLabel value="Serviços Complementares" />
						   		<h:panelGroup>
							         <p:dataTable id="servicosComplementares" var="item" value="#{contratoBean.contratoSelecionado.servicosComplementares}" style="width: 100%; padding-bottom: 2%" emptyMessage="Vazio">  
								        <p:column headerText="Serviço Complementar">  
								            <h:outputText value="#{item.tipoServicoComplementar.descricao}" />  
								        </p:column>  
								  
								        <p:column headerText="Periodicidade">  
								            <h:outputText value="#{item.periodicidade.descricao}" />  
								        </p:column>  
								  
								        <p:column headerText="Ação">  
								            <h:commandLink value="Excluir" action="#{contratoBean.doRemoverServicoComplementarDoContrato(item)}">
								            	<f:ajax render="@form"/>
								            </h:commandLink>  
								        </p:column>  
								       
	    							</p:dataTable> 
						   		
						   		</h:panelGroup>
		    					
		    				</div>
		    			</div>
				         
				         <div class="row-fluid">
			    				<div class="span12">
			    					 <p:commandButton value="Adicionar serviço complementar" onclick="dlgSelecionaServicoComplementar.show()">
									</p:commandButton>
			    				</div>
		    			</div>
		    		</div>
			    </div><!--/span-->
			    	
    		</div>
    	</div>
    	
    	<legend>Cliente responsável pelo contrato</legend>
    	
    	<h:panelGroup id="infoContratante">
	    	<div class="row-fluid">
				<div class="span3">
	              	<h:outputLabel value="CPF" for="cpfContratante"  />
	              	<p:inputMask id="cpfContratante" mask="999.999.999-99" value="#{contratoBean.contratoSelecionado.contratante.cpfCnpj.numero}" valueChangeListener="#{contratoBean.cpfCnpjContratanteAlterado}" required="true" requiredMessage="Entre com o CPF" style="width: 100%">
						<f:converter converterId="CpfCnpjConverter"/>
						<f:validator validatorId="CpfCnpjValidator"/>
						<p:ajax process="@this" update="formEdicao:infoContratante" />
					</p:inputMask>
	            </div><!--/span-->
	            <div class="span7">
	              <h:outputLabel value="Nome" for="nomeClienteContratante" />
	              <h:inputText id="nomeClienteContratante" label="Nome" value="#{contratoBean.contratoSelecionado.contratante.nome}" required="true" requiredMessage="Entre com o nome do contratante"  maxlength="70" styleClass="span12"/>
	            </div><!--/span-->
	            <div class="span2">
	              <h:outputLabel value="Sexo" for="sexoClienteContratante"/>
					<h:selectOneMenu id="sexoClienteContratante" value="#{contratoBean.contratoSelecionado.contratante.sexo}" required="true" requiredMessage="Entre com o [sexo] do cliente" styleClass="span12" >
						<f:selectItem itemValue="#{null}" itemLabel=" "/>   
						<f:selectItems value="#{contratoBean.tiposDeSexo}"/> 
						<f:converter converterId="omnifaces.GenericEnumConverter"/> 
					</h:selectOneMenu>  
	           </div><!--/span-->
			</div>
			
			<div class="row-fluid">
	           <div class="span2">
	           		<h:outputLabel value="Tipo Logradouro" for="tipoLogradCliContratante" />
	              	<h:selectOneMenu id="tipoLogradCliContratante" value="#{contratoBean.contratoSelecionado.contratante.endereco.tipoLogradouro}" required="true" requiredMessage="Entre com o tipo de logradouro" style="width:100%">
						<f:selectItem itemValue="#{null}" itemLabel=" "/>  
						<f:selectItems  value="#{contratoBean.tiposLogradouros}" var="tipoLograd" itemValue="#{tipoLograd}" itemLabel="#{tipoLograd.descricao}"/>
					</h:selectOneMenu> 
	           </div><!--/span-->
	           
	           <div class="span6">
	              <h:outputLabel value="Logradouro" for="logradouroCliContratante" />
	              <h:inputText id="logradouroCliContratante" label="Logradouro" value="#{contratoBean.contratoSelecionado.contratante.endereco.logradouro}" required="true" requiredMessage="Entre com o logradouro" maxlength="70" styleClass="span12"/>
	           </div><!--/span-->
	           
	           <div class="span1">
	              <h:outputLabel value="Numero" for="numlogradCliContratante" />
	              <p:inputMask id="numlogradCliContratante"  label="Numero" mask="?9999999" value="#{contratoBean.contratoSelecionado.contratante.endereco.numero}" styleClass="span12"/>
	           </div><!--/span-->
	           
	           
	            <div class="span3">
	              <h:outputLabel value="Complemento" for="compllogradCliContratante" />
	              <h:inputText id="compllogradCliContratante" label="Complemento" value="#{contratoBean.contratoSelecionado.contratante.endereco.complemento}" maxlength="20" styleClass="span12"/>
	           </div><!--/span-->
	           
			</div>
			
			<div class="row-fluid">
			
	           <div class="span4">
	              <h:outputLabel value="Bairro" for="bairroCliContratante" />
	              <h:inputText id="bairroCliContratante" label="Bairro" value="#{contratoBean.contratoSelecionado.contratante.endereco.bairro}" required="true" requiredMessage="Entre com o nome do bairro" maxlength="50" styleClass="span12"/>
	           </div><!--/span-->
	           <div class="span4">
	              <h:outputLabel value="Municipio" for="municipioContratante" />
	              <h:inputText id="municipioContratante" label="Municipio" value="#{contratoBean.contratoSelecionado.contratante.endereco.municipio}" styleClass="span12"/>
	           </div><!--/span-->
	           
	           <div class="span2">
	              	<h:outputLabel value="UF" for="ufEndCliContratante"/>
	              	<h:selectOneMenu id="ufEndCliContratante" value="#{contratoBean.contratoSelecionado.contratante.endereco.uf}" required="true" requiredMessage="Selecione a UF" styleClass="span12">
						<f:selectItems  value="#{contratoBean.ufs}" var="uf" itemValue="#{uf}" itemLabel="#{uf.nomeUF}"/>
					</h:selectOneMenu>
	           </div><!--/span-->
	           <div class="span2">
	              <h:outputLabel value="CEP" for="cepCliContratante" />
	              <p:inputMask id="cepCliContratante" mask="99999-999" value="#{contratoBean.contratoSelecionado.contratante.endereco.cep}" required="true" requiredMessage="Entre com o cep da cidade" styleClass="span12"/>
	           </div><!--/span-->
	           
			</div>
			
			
			<div class="row-fluid">
	           <div class="span3">
	              <h:outputLabel value="Telefone residencial" for="foneResContratante"/>
	              <p:inputMask id="foneResContratante" value="#{contratoBean.contratoSelecionado.contratante.telefoneRes}" mask="(999) 999-9999" styleClass="span12"/>
	           </div><!--/span-->
	           
	           <div class="span3">
	             <h:outputLabel value="Celular" for="foneCelContratante"/>
	              <p:inputMask id="foneCelContratante" label="Celular" value="#{contratoBean.contratoSelecionado.contratante.telefoneCel}" mask="(999) 999-9999" styleClass="span12"/>
	           </div><!--/span-->
	           
	            <div class="span6">
	            	<h:outputLabel value="E-Mail" for="emailContratante" />
	             	<h:inputText id="emailContratante" 
													 label="email" 
													 value="#{contratoBean.contratoSelecionado.contratante.email}"
													 validatorMessage="e-Mail inválido" 
													 maxlength="70"
													 styleClass="span12">
							<f:validateRegex pattern="[a-zA-Z0-9\-\_\.]+@[a-zA-Z0-9\-\_\.]+" />
					</h:inputText>
	           </div><!--/span-->
			
			</div>
    	</h:panelGroup>
		
		<legend>Observação</legend>
		<div class="row-fluid">
			<div class="span12">
				<h:inputTextarea id="observacao" rows="5" cols="100"  value="#{contratoBean.contratoSelecionado.observacao}" style="width: 99%" />
           </div><!--/span-->
		</div>
		
		
	</h:form>
	
	
	<!-- Agenda serviço principal -->
	
	<p:dialog id="dialogAgendaServicoPrincipal" 
				header="Agenda Semanal" 
				widgetVar="dlgAgendaServicoPrincipal" 
				resizable="false"  
             	width="50%"
             	showEffect="clip" 
             	hideEffect="fold">  
 				
 				<h:form id="frmAgendaServicoPrincipal">
 					
 					<p:messages/>
 					
	 				<div class="row-fluid">
						<div class="span12" >
							<h:outputLabel value="Dias disponíveis" />
							<p:selectManyCheckbox id="diasSemanaDisponiveis" value="#{contratoBean.diasSemanaSelecionado}" layout="grid" columns="7" converter="omnifaces.GenericEnumConverter">  
						    	<f:selectItems value="#{contratoBean.diasSemana}"/>  
						    </p:selectManyCheckbox> 
					  	</div>
				  	</div>
			        <div class="row-fluid">
		        		<div class="span3">
					        <h:outputLabel value="Horas por Dia disponíveis" />
					         <pe:timePicker id="qtdHorasDia" value="#{contratoBean.quantidadeHorasDiaServicoLimpezaConservacao}" mode="popup" widgetVar="popupTimeWidget" label="Popup time picker"/>
					         <h:message for="qtdHorasDia"/>
	    				</div>
	    				<div class="span7">
	    					<h:outputLabel value=" " /> 
							<p:commandButton id="cmdAdicionarDiaNaAgenda" value="Adicionar dia na agenda" actionListener="#{contratoBean.doAdicionarDiaNaAgendaLimpeza}" partialSubmit="diasSemanaDisponiveis qtdHorasDia"  update="@form :formEdicao:agendaSemanalServPrinc">
							</p:commandButton>						        
	    				
	    				</div>
			        </div>
	                
	                 <div class="row-fluid">
	                 	<div class="span12">
			                <p:dataTable  var="item" value="#{contratoBean.contratoSelecionado.servicoPrincipal.agendaSemanal}" style="width: 100%">  
						        <p:column headerText="Dia Semana">  
						            <h:outputText value="#{item.diaSemana.descricao}" />  
						        </p:column>  
						  
						        <p:column headerText="Qtd. Horas Dia">  
						            <h:outputText value="#{item.qtdHorasFormattedTime}" />  
						        </p:column>  
						  
			    			</p:dataTable>
	                 	
	                 	</div>
	                 </div>
		     </h:form>
   	</p:dialog>
   	
   	
   	
	<!-- serviço complementar -->
	
	<p:dialog id="dialogSelecionaServicoComplementar" 
				header="Serviços Complmentares" 
				widgetVar="dlgSelecionaServicoComplementar" 
				resizable="false"  
             	width="50%"
             	showEffect="clip" 
             	hideEffect="fold">  
 				
 				<h:form>
 					<p:messages/>
	 				<div class="row-fluid">
						<div class="span12" >
							<p:dataTable value="#{contratoBean.tiposServicosComplementaresDisponiveis}" var="item" width="100%" border="1">
						        	<p:column headerText="Serviço">
						        		#{item.descricao}
						        	</p:column>
						        	<p:column headerText="Periodicidade">
							       		<h:selectOneMenu  id="periodicidade" value="#{item.periodicidade}" styleClass="span12"  converter="omnifaces.GenericEnumConverter">
							       			<f:selectItem itemValue="#{null}" itemLabel=" "/> 
							            	<f:selectItems value="#{contratoBean.periodicidades}"/>  
							        	</h:selectOneMenu>
						         		<h:message for="periodicidade"/>
						        	</p:column>
						        	<p:column headerText="Ação">
						        		<p:commandLink  action="#{item.adicionarServicoComplementarNoContrato}" value="Adicionar" update="@form :formEdicao:servicosComplementares"/>
						        	</p:column>
							</p:dataTable>
					  	</div>
				  	</div>
		     </h:form>
   	</p:dialog>
   	
	<!-- Cancelar contrato	-->
	
	
	<p:dialog id="dialogCancelarContrato" 
				header="Confirmar cancelamento do contrato" 
				widgetVar="dlgCancelarContrato" 
				resizable="false"  
             	width="50%"
             	showEffect="clip" 
             	hideEffect="fold">  
 				
 				<h:form id="frmCancelarContrato" class="form-horizontal">
	 				<div class="row-fluid">
						<div class="span12" >
							<div class="control-group">
							    <label class="control-label"><h:outputText value="Data cancelamento"/></label>
							    <div class="controls" style="margin-top: 7px">
						            <h:outputText value="#{contratoBean.dataDeCancelamentoDoContrato}" >
						            	<f:convertDateTime type="date" pattern="dd/MM/yyyy" />
						            </h:outputText>
							    </div>
						  	</div>
						  	
						  	<div class="control-group">
							    <label class="control-label"><h:outputText value="Motivo cancelamento contrato" for="motivoCancelamento"/></label>
							    <div class="controls" style="margin-top: 7px">
						  			<h:inputText id="motivoCancelamento"  value="#{contratoBean.motivoFimContrato}" style="width: 90%;" maxlength="100" />
							    </div>
						  	</div>
					  	</div>
				  	</div>
			        
			        <div class="form-actions">
			  			<p:commandButton value="Confirmar" update=":growl"  oncomplete="dlgCancelarContrato.hide() :formEdicao" actionListener="#{contratoBean.doConfirmarCancelamentoContrato}" icon="ui-icon-check"/>
		                <p:commandButton value="Fechar tela" process="@this" oncomplete="dlgCancelarContrato.hide()" icon="ui-icon-circle-close"/>
					</div>
							
	                
		        </h:form>
   	</p:dialog>
   	
   	 
   	 
   	 
   	<!-- Confirmação ativação do contrato	-->
   	
   	<!-- 
	<p:confirmDialog id="dialogConfirmarAtivacaoContrato" message="Confirma ativação do contrato?"  
                header="Confirmar" severity="alert" modal="false" resizable="false" widgetVar="dlgConfirmarAtivacaoContrato" appendToBody="true"> 
       		<h:form>
		        <p:commandButton value="Confirmar" update=":growl :formEdicao" oncomplete="dlgConfirmarAtivacaoContrato.hide()"  actionListener="#{contratoBean.doConfirmarCancelamentoContrato}" />  
		        <p:commandButton value="Fechar tela" onclick="dlgConfirmarAtivacaoContrato.hide()" type="button" />
    		</h:form>   
    </p:confirmDialog> -->
    
    <!-- Cancelar fim vigencia do contrato	-->
    
    
	<p:dialog id="dialogFimVigenciaContrato" 
				header="Confirmar fim vigência do contrato" 
				widgetVar="dlgFimVigenciaContrato" 
				resizable="false"  
             	width="50%"
             	showEffect="clip" 
             	hideEffect="fold">  
 				
 				<h:form id="frmFimVigenciaContrato" class="form-horizontal">
		 			<p:messages/>
 					
	 				<div class="row-fluid">
						<div class="span12" >
							<div class="control-group">
							    <label class="control-label"><h:outputText value="Data fim vigência do contrato" for="dtfimserv"/></label>
							    <div class="controls" style="margin-top: 7px">
							    	<p:calendar id="dtfimserv" value="#{contratoBean.dataFimVigenciaContrato}"   pages="2"  pattern="dd/MM/yyyy" navigator="true" locale="pt_BR" styleClass="span2" />
							    </div>
						  	</div>
						  	
						  	<div class="control-group">
							    <label class="control-label"><h:outputText value="Motivo fim contrato" for="motivo"/></label>
							    <div class="controls" style="margin-top: 7px">
						  			<h:inputText id="motivo"  value="#{contratoBean.motivoFimContrato}" style="width: 90%;" maxlength="100" />
							    </div>
						  	</div>
					  	</div>
				  	</div>
			        
			        <div class="form-actions">
			  			<p:commandButton value="Confirmar" update="@form :formEdicao :growl"  oncomplete="handleFimVigenciaContratoRequest(xhr, status, args)" actionListener="#{contratoBean.doConfirmarFimVigenciaContrato}" icon="ui-icon-check"/>
		                <p:commandButton value="Fechar tela" onclick="dlgFimVigenciaContrato.hide()" icon="ui-icon-circle-close" type="button" />
					</div>
							
	                
		     </h:form>
   	</p:dialog>
	
	<script type="text/javascript">  
	    function handleFimVigenciaContratoRequest(xhr, status, args) {  
	        if(!args.isOk) {  
	            jQuery('#dialogFimVigenciaContrato').effect("shake", { times:3 }, 100);  
	        } else {  
	            jQuery('#dialogFimVigenciaContrato').fadeOut();
	        }  
	    }
	</script> 
</ui:fragment>